
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<head>

	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<meta name="moduleName" content="admin"/>
	
	
	<link rel="stylesheet" href="css/tree/jquery.treeview.css" />
    <script src="js/jquery.js" type="text/javascript"></script>
	<script src="js/tree/jquery.cookie.js" type="text/javascript"></script>
	<script src="js/tree/jquery.treeview.js" type="text/javascript"></script>
	<style type="css">
	html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	font-size: 68.75%;
} /* Reset Base Font Size */

body {
	font-family: Verdana, helvetica, arial, sans-serif;
	font-size: 68.75%;
	background: #fff;
	color: #333;
}

h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }

#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

#main { padding: 1em; }

a img { border: none; }
	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		$("#browser").treeview({
			toggle: function() {
				console.log("%s was toggled.", $(this).find(">span").text());
			}
		});
		
		$("#add").click(function() {
			var branches = $("<li><span class='folder'>New Sublist</span><ul>" + 
				"<li><span class='file'>Item1</span></li>" + 
				"<li><span class='file'>Item2</span></li></ul></li>").appendTo("#browser");
			$("#browser").treeview({
				add: branches
			});
		});
	});
	</script>
	</head>

	
	<div id="tabs-center" class="ui-layout-center no-scrollbar add-padding grey">	
	
			

	
	</div>

